import { HashRouter as Router, Switch, Route, } from "react-router-dom";
import { Layout } from '@douyinfe/semi-ui';
import Sider from './layouts/Sider';
import Content from './layouts/Content';
import Home from './pages/Home';
import About from './pages/About'
import Setting from './pages/Setting'
import './App.css'

function App() {

  return (
    <Router>
      <Layout className="app">
        <Sider></Sider>
        <Layout>
          <Content>
            <Switch>
              <Route path="/about">
                <About />
              </Route>
              <Route path="/setting">
                <Setting />
              </Route>
              <Route path="/">
                <Home />
              </Route>
            </Switch>
          </Content>
        </Layout>
      </Layout>
    </Router>
  )
}

export default App
